<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>

	<head lang="en">
		<meta charset="UTF-8">
		<link rel="stylesheet" href="/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/css/flat-ui.min.css" />
		<link type="text/css" rel="stylesheet" href="/css/search-d.css">
        <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<title></title>
		<style>
			
			ol,ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			.page {
				font-size: 14px;
			}
			
			.content-label {
				margin: 0px 5px 8px 5px;
				clear: both;
			}
			
			.content-label>ul {
				overflow: hidden;
			}
			
			.content-label>ul>li {
				float: left;
				margin-right: 10px;
				margin-bottom: 15px;
			}
			
			.content-label>ul>li>a {
				color: #777;
				border-radius: 16px;
				padding: 2px 15px;
			}
			
			.content-label-span {
				color: #bbb;
				width: 56px;
				float: left;
			}
			
			.content-label>ul>li>a:active,
			.content-label>ul>li>a:hover {
				background-color: #00d3d4;
				border-radius: 16px;
				color: #fff;
				padding: 2px 15px 4px 15px;
			}
			
			.content-label>ul>li>a.active {
				background-color: #00d3d4;
				border-radius: 16px;
				color: #fff;
				padding: 2px 15px 4px 15px;
			}
			
			.content-title {
				font-size: 16px;
				;
				color: #00d3d4;
				margin: -10px 5px 20px 5px;
				padding-bottom: 5px;
				border-bottom: 1px solid #ddd;
			}
			
			.content-divider {
				height: 50px;
				background-color: #F5F5F5;
				border: 1px solid #ddd;
				margin: 0px 5px 20px 5px;
				line-height: 45px;
			}
			
			.content-divider>a.active {
				color: #00d3d4 !important;
			}
			
			.content-divider>a {
				margin: 0px 5px 0px 40px;
				color: #777
			}
			
			.content-divider>a:active,
			.content-divider>a:hover {
				color: #00d3d4;
			}
			
			.thumbnail {
				border: 1px solid #fff;
				border-bottom: 1px solid #ddd;
				border-radius: 0px;
				border-color: grey;
				padding: 12px 10px 12px 10px;
				margin: 2px;
			}
			
			a.thumbnail:hover {
				border-radius: 0px;
				border: 1px solid #fff;
				-webkit-box-shadow: 0 0 10px rgba(63, 63, 63, .5);
				-moz-box-shadow: 0 0 10px rgba(63, 63, 63, .5);
				box-shadow: 0 0 10px rgba(63, 63, 63, .5);
			}
			
			.thumbnail .caption {
				padding: 0px;
			}
			
			.caption>h6 {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				font-size: 14px;
				margin: 9px 0px 2px 0px;
				font-weight: 400;
				padding-top: 1px;
				padding-bottom: 1px;
			}
			
			.subhead {
				font-size: 13px !important;
				color: #bbb;
			}
			
			.col-xs-6.col-md-3.edit {
				padding: 0px;
				margin-bottom: 30px;
			}
			
			.subhead-titie {
				font-size: 12px;
				color: #FA6441;
				margin: 0px;
			}
			
			.subhead-content {
				font-size: 12px;
				color: #bbb;
			}
			
			.pagination-self {
				text-align: center;
				font-size: 15px;
				margin-top: 10px;
			}
			
			.pagination-self>ul {
				display: inline-block
			}
			
			.pagination-self>ul>li {
				display: inline-block;
				margin: 0px 4px;
			}
			
			.pagination-self>ul>li>a {
				display: inline-block;
				color: #bbb;
				padding: 1px 8px;
				font-family: "Arial";
			}
			
			.pagination-self>ul>li>a:active,
			.pagination-self>ul>li>a:hover {
				color: #fff;
				background-color: #00d3d4
			}
			
			.pagination-self>ul>li>a.active {
				color: #fff;
				background-color: #00d3d4
			}
		
		</style>


	</head>

	<body>
        <jsp:include page="header.jsp" flush="true"/>
		<div class="search d3">
			<form onsubmit="return false">
				<input type="text" id="search" placeholder="搜索从这里开始...">
				<button onclick="doSearch('user')"></button>
			</form>
		</div>

		<div class="page" style="padding: 0 50px;">
				<div class="row" id="searchList">

					<%--<div class="col-xs-6 col-md-3 edit">--%>
						<%--<a class="thumbnail" href="index.html">--%>
							<%--<div style="float: left;color: black;">--%>
								<%--<h6>成至隆</h6><br />--%>
							       <%--至龙科技  合伙人  技术...--%>
							<%--</div>--%>
							<%--<img src="img/p1.jpg" style="border-radius: 50%;width: 90px;height: 90px;margin:0px 0px 30px 170px;">--%>
							<%--<div class="caption">--%>
								<%--<h6 class="subhead">推荐指数4.6|满意度100%</h6>--%>
							<%--</div>--%>
						<%--</a>--%>
					<%--</div>--%>
					<%--<div class="col-xs-6 col-md-3 edit">--%>
						<%--<a class="thumbnail" href="#">--%>
							<%--<div style="float: left;color: black;">--%>
								<%--<h6>马鑫</h6><br />--%>
							      <%--火客移动开发运营总监 --%>
							<%--</div>--%>
							<%--<img src="img/p2.jpg" style="border-radius: 50%;width: 90px;height: 90px;margin:0px 0px 30px 170px;">--%>
							<%--<div class="caption">--%>
								<%--<h6 class="subhead">推荐指数4.4|满意度100%</h6>--%>
							<%--</div>--%>
						<%--</a>--%>
					<%--</div>--%>
					<%--<div class="col-xs-6 col-md-3 edit">--%>
						<%--<a class="thumbnail" href="#">--%>
							<%--<div style="float: left;color: black;">--%>
								<%--<h6>黄伟</h6><br />--%>
									<%--广州人汇产品总监•合伙人--%>
							<%--</div>--%>
							<%--<img src="img/p3.jpg" style="border-radius: 50%;width: 90px;height: 90px;margin:0px 0px 30px 170px;">--%>
							<%--<div class="caption">--%>
								<%--<h6 class="subhead">推荐指数4.6|满意度100%</h6>--%>
							<%--</div>--%>
						<%--</a>--%>
					<%--</div>--%>
					<%--<div class="col-xs-6 col-md-3 edit">--%>
						<%--<a class="thumbnail" href="#">--%>
							<%--<div style="float: left;color: black;">--%>
								<%--<h6>张清媚</h6><br />--%>
							      <%--友汇网创始人，前阿里云..--%>
							<%--</div>--%>
							<%--<img src="img/p4.jpg" style="border-radius: 50%;width: 90px;height: 90px;margin:0px 0px 30px 170px;">--%>
							<%--<div class="caption">--%>
								<%--<h6 class="subhead">推荐指数4.6|满意度100%</h6>--%>
							<%--</div>--%>
						<%--</a>--%>
					<%--</div>--%>
				</div>

			</div>
        <script src="/js/jquery.min.js"></script>
		<script src="/js/bootstrap.min.js"></script>
		<script src="/js/flat-ui.min.js"></script>
        <script src="/js/forSearch.js"></script>
        <script >
            $().ready(function(){
                var searchWord = decodeURIComponent(getUrlParam("word"));
                console.log(searchWord);

                if (searchWord != null && searchWord != "null") {
                    document.getElementById("search").value = searchWord;
                    doSearch('user');
                }
            });
        </script>
	</body>

</html>